<template>
    <div id="header">
        <div class="header-wrapper">
            <a-row :gutter="16"  type="flex">
                <a-col  :span="24">
                    <a-tabs default-active-key="1" @change="callback">
                        <a-tab-pane key="todo" tab="待办" >
                        </a-tab-pane>
                        <a-tab-pane key="toread" tab="待阅">
                        </a-tab-pane>
                        <a-tab-pane key="processed" tab="已办">
                        </a-tab-pane>
                        <a-tab-pane key="replied" tab="已阅">
                        </a-tab-pane>
                    </a-tabs>
                </a-col>
            </a-row>
        </div>
    </div>
</template>

<script>
export default {
    name: "WorkspaceHeader",
    data: function(){
        return {
        }
    },
    methods: {
        callback(key) {
            console.log(key)
            this.$emit('listenSwitchCate',key)
        }
    }
};
</script>

<style>
.ant-tabs-nav{
    float: left;
}
.ant-tabs-bar{
    margin: 0;
}
</style>